body {
color:#828282;
font-family:"微软雅黑";
}


.container{
	width:560px;max-width:none !important;
}

.music_icon {
background:url(../images/music_icon.png) no-repeat;
display:inline-block;
}


.musicList {
height:23px;
width:45px;
background-position:-117px -87px;
text-align:center;
padding:2px 3px 3px 26px;
}

.prev_song,.play_tb,.pause_tb,.next_song,.cycle {
vertical-align:middle;
margin-right:20px;
}

.prev_song {
width:19px;
height:16px;
background-position:0 -4px;
}

.play_tb {
width:24px;
height:32px;
background-position:-37px -3px;
}

.pause_tb {
width:22px;
height:32px;
background-position:0 -82px;
}

.next_song {
width:19px;
height:16px;
background-position:-79px -4px;
}

.cycle {
max-width:21px;
height:16px;
}

.volume {
width:18px;
height:17px;
background-position:-116px -4px;
vertical-align:middle;
}

#unMuted {
background-position:-116px -63px;
display:none;
}

.novolume {
width:21px;
height:17px;
background-position:-116px -65px;
vertical-align:middle;
}

.v_progress {
display:inline-block;
width:70px;
height:4px;
opacity:0.5;
background:#fff;
position:relative;
}

.v_percent {
width:100%;
height:4px;
background:#E478D6;
display:inline-block;
position:absolute;
}

.fs12 {
font-size:12px;
}

.mt10 {
margin-top:10px;
}

.music_box {
width:560px;
height:114px;
position:fixed;
left:1px;
bottom:2px;
border-radius:5px;
z-index:2;
}

.play_box {
width:560px;
height:110px;
background:#000;
border-top-left-radius:5px;
overflow:hidden;
float: left;
}

.user_img {
padding:10px;
}

.playMode {
width: 70px;
background:#0F6;
color:#2E2D2F;;
border-radius:10px;
padding:1px 10px;
margin-top: 3px;
font-size: 12px;
font-family: "微软雅黑";
text-align: center;
}

.play_btn_box {
width:100px;
position:relative;
}

.control{
	height: 106px;
	overflow: hidden;
}

.controls_right{
	position: relative;
}

.menu_btn{
	position: absolute;
	width: 70px;
	right: 20px;
	top: 12px;
}

.play_btn {
width:310px;
height:42px;
position: absolute;
transform: translateY(100%);
top: 50%;

}



.play_rolling {
width:100%;
height:4px;
border-bottom-left-radius:5px;
background: orangered;
}

#percent {
width:0;
height:100%;
background:#093;
border-bottom-left-radius:5px;
position:relative;
}

.shrink_box {
width:25px;
height:115px;
border-radius:5px;
overflow:hidden;
position: fixed;
bottom: 50%;
right: 0;
opacity: 0.7;
}

.pop_up,.pop_down {
width:22px;
height:114px;
}

.pop_up {
background-position:-276px -86px;
}

.pop_down {
background-position:-230px -86px;
}

.play_list {
height:507px;
left:1px;
position:fixed;
bottom:116px;
width:560px;
background:#1B1B1B;
box-shadow:3px 3px 6px rgba(0,0,0,0.42);
}

.play_list_title {
height:52px;
line-height:52px;
background:#000;
padding-right:20px;
}

.title_name {
display:block;
width:112px;
height:52px;
background:#262626;
text-align:center;
font-size:18px;
}

.play_list_cont {
overflow:auto;
padding:5px 0;
}

.play_list_cont ul li {
margin-top:2px;
height:30px;
padding:2px 20px;
}

.play_list_cont ul li a {
font-size:16px;
font-family:"微软雅黑";
}

.play_list_cont ul li:hover {
background:#000;
}

.sing_name {
display:inline-block;
width:300px;
margin-right:20px;
color: #EAE5F5;
}

.lyrics_box {
width:230px;
height:104px;
background:rgba(0,0,0,0.7);
position:fixed;
left:565px;
bottom:2px;
overflow:hidden;
border-radius:5px;
padding:5px 10px;
}

.lyrics_box ul li {
color:#fff;
text-align:center;
}

#over {
position:absolute;
left:0;
bottom:0;
width:100%;
height:0;
background:rgba(75,154,95,0.6);
}

#pernum {
position:absolute;
left:40px;
top:40px;
text-align:center;
font-size:18px;
font-weight:700;
color:#fff;
}

.cycle_mode {
width:30px;
height:16px;
left:0;
top:11%;
position:relative;
}

.oder_cycle {
background-position:-150px -4px;
display:inline-block;
}

.random_cycle {
background-position:-256px -37px;
display:none;
}

.single_cycle {
background-position:-184px -4px;
display:none;
}

.color_white,.play_list_cont ul li:hover a {
color:#fff;
}